<template>
	<div class="city">
		<city-header></city-header>
		<city-List :hotCities='hotCities' :city='city'></city-List>
	</div>
</template>

<script>
	import CityHeader from './pages/Header'
	import CityList from './pages/List'
	import axios from 'axios'
	
	export default{
		components:{
			CityHeader,
			CityList
		},
		data(){
			return{
				hotCities:[],
				city:[],
			}
		},
		mounted(){
			axios.get('./city.json').then( (res)=>{
				const msg =res.data.data[0];
				this.hotCities=msg.hotCities;
				this.city=msg.city;
				// this.initial=msg.initial;
				
			})
		}
	}
</script>

<style>
	.city{
		background-color: #e6e6e6;
	}
</style>
